<template>
  <div class="my-product">
    <h3>标题:{{name}} </h3>
    <p>价格: {{money}}</p>
    <button @click="kanjiaFn">砍价</button>
  </div>
</template>

<script>
export default {
  // 数组: 可以接收很多父组件传递过来的数据
  // props: ['传过来的属性名1', ...]
  // 子组件收到数据后, 想怎么用就怎么用, 和 data 一样
  props:["name","id","money"],
  methods:{
 kanjiaFn(){
  this.$emit("kanFn",this.id)
 }
  }
 
}
</script>

<style>
.my-product {
  width: 400px;
  padding: 20px;
  border: 2px solid #000;
  border-radius: 5px;
  margin: 10px;
}
</style>